@import '~view-design/src/styles/index.less';

/* View-UI */

// Color
@primary-color: @green;

// Base
@body-background: @dark-bg-color;
@component-background: @dark-bg-color;
@title-color: @white;
@text-color: @white;
@text-color-secondary: fade(@text-color, 70%);

// Background color
@background-color-base: @dark-bg-color; // base
@head-bg: @dark-bg-color;
@menu-dark-title: @dark-bg-color;
@menu-dark-active-bg: @dark-bg-color;

// Shadow
@shadow-color : rgba(0, 0, 0, .4);

// Layout and Grid
@layout-body-background: @dark-bg-color;
@layout-header-background: @dark-bg-color;

// Input
@input-color: #515a6e;

// Message
.@{message-prefix-cls}-notice-content {
    background: lighten(@dark-bg-color, 10%);
}

// Notice
.@{notice-prefix-cls}-notice {
    background: lighten(@dark-bg-color, 10%);
}

// Model
.ivu-modal-content {
  background-color: @dark-bg-color;
}

// Drop Down
.ivu-select-dropdown {
  background-color: @dark-bg-color;
  .ivu-dropdown-item:hover {
    background-color: lighten(@dark-bg-color, 10%);
  }
}

/* Custom */

// Color
@red: #f06966;
@green: #6abe83;
@green-light: #6fc083;
@blue: #368cbf;
@blue-light: #90a9c6;
@dark-bg-color: #313238;

// Button
@btn-red: #ff7260;
@btn-green: #6fc083;
@btn-blue: #368cbf;

@img-placeholder:  url(/static/placeholder.png);

a {
  color: @text-color;
}

.avatar-pic {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}